<template>
    <div id="app">
      <h1>v-xxx自定义指定的使用</h1>
      <h1>按钮权限自定义指定</h1>
      <button v-permission="'add'">新增</button>
      <button v-permission="'delete'">删除</button>
      <button v-permission="'update'">修改</button>
      <button v-permission="'query'">查询</button>
      <h1>点击复制黏贴指令</h1>
      <div v-copy style="cursor: pointer;">
        故人西辞黄鹤楼，烟花三月下扬州。
        孤帆远影碧空尽，唯见长江天际流。
      </div>
      <h1>拖拽指令</h1>
      <div v-drag  class="drag-box">
        拖拽
      </div>
    </div>
  </template>
  
  <script>
  export default {
    name: 'App',
    data(){
      return {
        
      }
    },
    mounted(){
      
    },
    methods: {
      
    }
  };
  </script>
  
  <style>
  #app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    text-align: center;
    color: #2c3e50;
    margin-top: 60px;
  }
  .drag-box{
    width: 100px;
    height: 100px;
    line-height: 100px;
    background-color: red;
    font-weight: bold;
    font-size: 32px;
    cursor: pointer;
  }
  </style>
  